{include file="findInclude:common/templates/header.tpl"}

<style>
    body {
        background: url(modules/notes/images/compliant/wallpaper.jpg);
        background-attachment: fixed;
    }
</style>
<div class="page" onresize="Resize()">

<div class="page-region" style="padding-top: 0px;">
    <div class="page-region-content tiles">
                    <div class="tile double bg-color-green" style="cursor: default; padding-left: 35px;">

                            <div class="tile-content icon">
                                    <img src="modules/notes/images/map.png" class="place-left"/>
                                    <h3 style="padding-top: 10px;" id="position">
                                    </h3>
                            </div>  				
                    </div>
                    <!-- group1 -->
        <div class="tile-group" style="width: 350px;">

                            <a href="search">	
            <div class="tile bg-color-yellow">
                <div class="tile-content icon">
                    <img src="modules/notes/images/search.png"/>
                </div>
                <div class="brand">
                    <span class="name">Search</span>
                </div>                                      
            </div>
                            </a>

                            <a href="mapview">				
            <div class="tile bg-color-blue">
                <div class="tile-content icon">
                    <img src="modules/notes/images/map.png"/>
                </div>
                <div class="brand">
                    <span class="name">Map View</span>
                </div>                                      
            </div>
            </a>
            <a href="postnote">
            <div class="tile bg-color-darken">
                <div class="tile-content icon">
                    <img src="modules/notes/images/doc.png" width="64" height="64" align = "middle"/>
                </div>
                <div class="brand">
                    <span class="name">Post Note</span>
                </div>                                      
            </div>
            </a>
            
            <a href="{$loginurl}">
            <div class="tile bg-color-red">
                <div class="tile-content icon">
                    
                    <img src="modules/notes/images/customer.png" width="64" height="64" align = "middle"/>
                </div>
                <div class="brand">
                    <span class="name">{if {$loggedin}}Logout{else}Login{/if}</span>
                </div>                                      
            </div>
            </a>
            
            {if {$loggedin}}
                 <a href="mynotes">
                    <div class="tile bg-color-orangeDark">
                        <div class="tile-content icon">
                            <img src="modules/notes/images/mail.png" width="64" height="64" align = "middle"/>
                        </div>
                        <div class="brand">
                            <span class="name">My Notes</span>
                        </div>                                      
                    </div>                     
                 </a>
                 
                 <a href="friends">
                    <div class="tile bg-color-grayDark">
                        <div class="tile-content icon">
                            <img src="modules/notes/images/sky.png" width="64" height="64" align = "middle"/>
                        </div>
                        <div class="brand">
                            <span class="name">Friend Notes</span>
                        </div>                                      
                    </div>                     
                 </a>
            {/if}
           </div>
    </div>
</div>
</div>

{include file="findInclude:common/templates/footer.tpl"}
<script type="text/javascript">
   $(document).ready(function() {
       currentposition();
   });
</script>